<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
      <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>门票订购须知</title>
</head>

<style>
    @media (min-width:0px){
        html{font-size:12px;}
    }
    @media (min-width: 320px){
        html{font-size:12px;}
    }
    @media (min-width: 340px){
        html{font-size:13px;}
    }
    @media (min-width: 360px){
        html{font-size:14px;}
    }
    @media (min-width: 380px){
        html{font-size:15px;}
    }
    @media (min-width: 400px){
        html{font-size:15px;}
    }
    @media (min-width: 420px){
        html{font-size:16px;}
    }
    *{margin: 0;padding: 0}
    .big{
        width: 90%;
        margin: 0 auto;
        position: relative;

    }
    .order{
        color: #333333;
        font-size: 1.4rem;
        margin-top: 42px;
        font-family:Source Han Sans SC;
        font-weight:500;
        line-height:48px;
    }
    .shuo{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:500;
        color:rgba(83,144,255,1);
        margin-top: 40px;
    }
    .time{
        display: flex;
        justify-content:space-between;
        width: 100%;
        margin-top: 40px;
    }
    .time1{
        font-size:1rem;
        width: 35%;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
    }
    .time2{
        font-size:1rem;
        width: 77%;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
    }
    .date{
        display: flex;
        justify-content:space-between;
        width: 100%;
        margin-top: 40px;
    }
    .date1{
        font-size:1rem;
        width: 35%;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
    }
    .date2{
        font-size:1rem;
        width: 77%;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
    }
    .money{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:500;
        color:rgba(83,144,255,1);
        margin-top:40px;
    }
    .money_one{
        display: flex;
        justify-content:space-between;
        width: 100%;
        margin-top: 40px;
    }
    .money_one1{
        font-size:1rem;
        width: 35%;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
    }
    .money_one2{
        font-size:1rem;
        width: 77%;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
    }
    .method{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:500;
        color:rgba(83,144,255,1);
        margin-top: 40px;
    }
    .div{
        display: flex;
        justify-content:space-between;
        width: 100%;
        margin-top: 40px;
    }
    .method_one{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
        width: 35%;

    }
    .method_content{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
        width:77%;

    }
    .address{
        display: flex;
        justify-content:space-between;
        width: 100%;
        margin-top: 40px;
    }
    .address1{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
        width: 35%;
    }
    .address2{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
        width:77%;

    }
    .live_time{
        display: flex;
        justify-content:space-between;
        width: 100%;
        margin-top: 40px;
    }

    .live1{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
        width: 35%;
    }
    .live2{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
        width:77%;
    }
    .tui{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:500;
        color:rgba(83,144,255,1);
        margin-top: 40px;
    }
    .back{
        display: flex;
        justify-content:space-between;
        width: 100%;
        margin-top: 40px;

    }
    .back1{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
        width: 35%;
    }
    .back2{
        width:77%;
        font-size:1rem;
    }
    .p1{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
    }
    .other{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:500;
        color:rgba(83,144,255,1);
        margin-top: 40px;
    }
    .fapiao{
        display: flex;
        justify-content:space-between;
        width: 100%;
        margin-top: 40px;
        margin-bottom: 80px;
    }
    .fapiao1{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
        width: 35%;
    }
    .fapiao2{
        font-size:1rem;
        font-family:Source Han Sans SC;
        font-weight:400;
        color:rgba(92,92,92,1);
        width:77%;
    }
</style>
<body>
<div class="big">
    <p class="order">门票预订须知</p>
    <p class="shuo">订购说明</p>
    <div class="time">
        <p class="time1">预订时间：</p>
        <p class="time2">最早可订明 日票</p>
    </div>
    <div class="date">
        <p class="date1">有效期：</p>
        <p class="date2">选择的使用日期当天有效</p>
    </div>

    <p class="money">费用说明</p>
    <div class="money_one">
        <p class="money_one1">费用包含：</p>
        <p class="money_one2">选择的门票种类以及选择的票数</p>
    </div>
    <p class="method">使用方法</p>
    <div class="div">
        <p class="method_one">使用方法:</p>
        <p class="method_content">到售票处凭预定二维码或数字码换取纸质 门票</p>
    </div>
    <div class="address">
        <p class="address1">入园地址：</p>
        {if !empty($res['city'])}
        <p class="address2">{$res['city']}{$res['address']}</p>
        {else}
        <p class="address2">未填写入园地址</p>
        {/if}
    </div>
    <div class="live_time">
        <p class="live1">入园时间：</p>
        {if !empty($res['in_tour_time'])}
        <p class="live2">{$res['in_tour_time']}</p>
        {else}
        <p class="live2">9:00-16:00</p>
        {/if}
    </div>
    <p class="tui">退改说明</p>
    <div class="back">
        <p class="back1">退改规则：</p>
        <div class="back2">
            <p class="p1">1.未使用可随时申请退款</p>
            <p class="p1" style="margin-top: 20px">2.过期无效</p>
            <p class="p1" style="margin-top: 20px">3.使用日期过后经核实未使用系统将自动 确认订单，无法退款</p>
            <p class="p1" style="margin-top: 20px">4.订单不支持部分退</p>
            <p class="p1" style="margin-top: 20px">5.如需改期，请申请取消后重新预订</p>
        </div>
    </div>
    <p class="other">其他说明</p>
    <div class="fapiao">
        <p class="fapiao1">发票说明：</p>
        <p class="fapiao2">如需发票，请在换票时在售票处开取，本 平台不做发票开取工作</p>
    </div>
</div>
</body>
</html>
